$(function() {
  $.ajax({
    url: '/category/queryTopCategory',
    type: 'get',  
    success: function(info) {
      console.log(info)
      $('.category').html(template('tmp',info))
      render(info.rows[0].id)
    }
  })

  $('.category').on('click','li',function() {
    $(this).addClass('active').siblings().removeClass('active')
    var id = $(this).data('id')
    console.log(id)
    render(id)
  })

  function render(id) {
    $.ajax({
      url: "/category/querySecondCategory",
      type: 'get',
      data: {id:id},
      success: function(info) {
        console.log(info)
        $('.second_cate').html(template('tmp2',info))
      }
    })
  }

})